<template>
  <div class="others">
    <p class="price">￥{{ detail.originprice }}</p>
    <van-tag>{{ detail.category }}</van-tag>
    <van-text-ellipsis :content="detail.proname" expand-text="展开" collapse-text="收起" rows="2" class="title1"/>
    <p>已售{{ detail.sales }}</p>
    <p class="share">
      <span><van-icon name="share-o" />分享</span>
      <span><van-icon name="star-o" />收藏</span>
      <span><van-icon name="refund-o" />降价通知</span>
    </p>

  </div>
</template>

<script>
export default {
  props: ['detail'],
  data() {
    return {

    }
  }
}
</script>

<style lang="less" scoped>
.others {
  padding: 10px 20px;
  margin-bottom: 10px;
  background-color: white;
  border-radius: 0 0 10px 10px;

  .price {
    color: red;
    font-size: 30px;
  }
  .title1{
    font-size: 18px;
    font-weight: 800;
  }

  .share {
    color: rgb(145, 140, 140);
    font-weight: 200;
    margin: 10px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }
}
</style>